<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        {:build_heading(null, false)}
        <ul class="nav nav-tabs">
            <li class="active"><a href="#yi" data-toggle="tab">全部</a></li>
            <li><a href="#er" data-toggle="tab">系统服务范畴</a></li>
            <li><a href="#san" data-toggle="tab">单一服务范畴</a></li>
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="yi">
                <div class="widget-body no-padding">
                    <div class="bootstrap-table">
                        <div class="fixed-table-toolbar">
                            <div class="bs-bars pull-left">
                                <div id="toolbar" class="toolbar" style="position: relative;">
                                    <a href="javascript:;" class="btn btn-primary btn-refresh" title="刷新">
                                        <i class="fa fa-refresh"></i>
                                    </a>
                                    <a href="{:url('Jishu/fedit')}" class="btn btn-success btn-add" title="添加">
                                        <i class="fa fa-plus"></i>添加</a>
                                </div>
                            </div>
                            <div class="columns-right pull-right" style="margin-top:10px;margin-bottom:10px;">
                                <button class="btn btn-default" type="button" name="commonSearch" title="普通搜索">
                                    <i class="glyphicon glyphicon-search"></i>
                                </button>
                            </div>
                            <div class="pull-right search">
                                <input class="form-control" type="text" placeholder="搜索"></div>
                        </div>
                        <div class="panel-heading" style="background-color: #f2f2f2;">
                            <div class="panel-lead" style="text-align: center;"><h2>系统服务范涛</h2></div>    
                        </div>
                        <div class="fixed-table-container" style="padding-bottom: 0px;">
                            <div class="fixed-table-body">
                                <table id="table" class="table table-striped table-bordered table-hover" width="100%">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">ID</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">应用范畴名称</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">应用版本支持</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">操作</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                         </tr>
                                    </thead>
                                    <tbody data-listidx="0">
                                      {volist name="list1" id="vo"}
                                      
                                        <tr data-index="{$key+1}">
                                            <td style="text-align: center; vertical-align: middle;">
                                                {$key+1}
                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                                {$vo.name}
                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                               {php}

                                                 if(empty($vo['version_id'])){
                                                   echo "暂无";
                                                 }else{
                                                    $map['id']=array('in',$vo['version_id']);
                                                    $versions=db('app_version')->where($map)->select();
                                            

                                                    foreach($versions as $k=>$v){
                                                      if($k==0){
                                                        echo $v['name'];
                                                      }else{
                                                         echo ",".$v['name']; 
                                                      }
                                                      
                                                    }
                                                  }
                                               {/php}  

                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                                <a href="javascript:;" class="btn btn-xs btn-success">
                                                    资费
                                                </a>
                                                 <a href="{:url('Jishu/fedit',['id'=>$vo['id']])}" class="btn btn-xs btn-success">
                                                    修改
                                                </a>
                                                <a href="{:url('Jishu/fdelete',['id'=>$vo['id']])}" class="btn btn-xs btn-danger">
                                                    删除
                                                </a>                                                
                                            </td>
                                        </tr>
                                      {/volist} 
                                    </tbody>
                                </table>
                            </div>
                            <div class="fixed-table-pagination" style="display: block;">
                               {$list1->render()}
                            </div>
                        </div>
                        <div class="panel-heading" style="background-color: #f2f2f2;">
                            <div class="panel-lead" style="text-align: center;"><h2>单一服务范涛</h2></div>    
                        </div>
                        <div class="fixed-table-container" style="padding-bottom: 0px;">
                            <div class="fixed-table-body">
                                <table id="table" class="table table-striped table-bordered table-hover" width="100%">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">ID</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">应用范畴名称</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">应用版本支持</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">操作</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody data-listidx="0">
                                      {volist name="list2" id="vo"}
                                      
                                        <tr data-index="{$key}">
                                            <td style="text-align: center; vertical-align: middle;">
                                                {$key}
                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                                {$vo.name}
                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                               {php}

                                                 if(empty($vo['version_id'])){
                                                   echo "暂无";
                                                 }else{
                                                    $map['id']=array('in',$vo['version_id']);
                                                    $versions=db('app_version')->where($map)->select();
                                            

                                                    foreach($versions as $k=>$v){
                                                      if($k==0){
                                                        echo $v['name'];
                                                      }else{
                                                         echo ",".$v['name']; 
                                                      }
                                                      
                                                    }
                                                  }
                                               {/php}  

                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                                <a href="javascript:;" class="btn btn-xs btn-success">
                                                    资费
                                                </a>
                                                 <a href="{:url('Jishu/fedit',['id'=>$vo['id']])}" class="btn btn-xs btn-success">
                                                    修改
                                                </a>
                                                <a href="{:url('Jishu/fdelete',['id'=>$vo['id']])}" class="btn btn-xs btn-danger">
                                                    删除
                                                </a>                                                
                                            </td>
                                        </tr>
                                      {/volist} 
                                    </tbody>
                                </table>
                            </div>
                            <div class="fixed-table-pagination" style="display: block;">
                               {$list2->render()}
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="tab-pane fade" id="er">
                <div class="widget-body no-padding">
                    <div class="bootstrap-table">
                        <div class="fixed-table-toolbar">
                            <div class="bs-bars pull-left">
                                <div id="toolbar" class="toolbar" style="position: relative;">
                                    <a href="javascript:;" class="btn btn-primary btn-refresh" title="刷新">
                                        <i class="fa fa-refresh"></i>
                                    </a>
                                    <a href="javascript:;" class="btn btn-success btn-add" title="添加">
                                        <i class="fa fa-plus"></i>添加</a>
                                </div>
                            </div>
                            <div class="columns-right pull-right" style="margin-top:10px;margin-bottom:10px;">
                                <button class="btn btn-default" type="button" name="commonSearch" title="普通搜索">
                                    <i class="glyphicon glyphicon-search"></i>
                                </button>
                            </div>
                            <div class="pull-right search">
                                <input class="form-control" type="text" placeholder="搜索"></div>
                        </div>
                        <div class="fixed-table-container" style="padding-bottom: 0px;">
                            <div class="fixed-table-body">
                                <table id="table" class="table table-striped table-bordered table-hover" width="100%">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">ID</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">应用范畴名称</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">应用版本支持</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">操作</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody data-listidx="0">
                                       {volist name="list1" id="vo"}
                                      
                                        <tr data-index="{$key}">
                                            <td style="text-align: center; vertical-align: middle;">
                                                {$key}
                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                                {$vo.name}
                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                               {php}

                                                 if(empty($vo['version_id'])){
                                                   echo "暂无";
                                                 }else{
                                                    $map['id']=array('in',$vo['version_id']);
                                                    $versions=db('app_version')->where($map)->select();
                                            

                                                    foreach($versions as $k=>$v){
                                                      if($k==0){
                                                        echo $v['name'];
                                                      }else{
                                                         echo ",".$v['name']; 
                                                      }
                                                      
                                                    }
                                                  }
                                               {/php}  

                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                                <a href="javascript:;" class="btn btn-xs btn-success">
                                                    资费
                                                </a>
                                                 <a href="{:url('Jishu/fedit',['id'=>$vo['id']])}" class="btn btn-xs btn-success">
                                                    修改
                                                </a>
                                                <a href="{:url('Jishu/fdelete',['id'=>$vo['id']])}" class="btn btn-xs btn-danger">
                                                    删除
                                                </a>                                                
                                            </td>
                                        </tr>
                                      {/volist} 
                                    </tbody>
                                </table>
                            </div>
                            <div class="fixed-table-pagination" style="display: block;">
                               {$list1->render()}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="tab-pane fade" id="san">
                <div class="widget-body no-padding">
                    <div class="bootstrap-table">
                        <div class="fixed-table-toolbar">
                            <div class="bs-bars pull-left">
                                <div id="toolbar" class="toolbar" style="position: relative;">
                                    <a href="javascript:;" class="btn btn-primary btn-refresh" title="刷新">
                                        <i class="fa fa-refresh"></i>
                                    </a>
                                    <a href="javascript:;" class="btn btn-success btn-add" title="添加">
                                        <i class="fa fa-plus"></i>添加</a>
                                </div>
                            </div>
                            <div class="columns-right pull-right" style="margin-top:10px;margin-bottom:10px;">
                                <button class="btn btn-default" type="button" name="commonSearch" title="普通搜索">
                                    <i class="glyphicon glyphicon-search"></i>
                                </button>
                            </div>
                            <div class="pull-right search">
                                <input class="form-control" type="text" placeholder="搜索"></div>
                        </div>
                        <div class="fixed-table-container" style="padding-bottom: 0px;">
                            <div class="fixed-table-body">
                                <table id="table" class="table table-striped table-bordered table-hover" width="100%">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">ID</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">应用范畴名称</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">应用版本支持</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; ">
                                                <div class="th-inner ">操作</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody data-listidx="0">
                                         {volist name="list2" id="vo"}
                                      
                                        <tr data-index="{$key}">
                                            <td style="text-align: center; vertical-align: middle;">
                                                {$key}
                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                                {$vo.name}
                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                               {php}

                                                 if(empty($vo['version_id'])){
                                                   echo "暂无";
                                                 }else{
                                                    $map['id']=array('in',$vo['version_id']);
                                                    $versions=db('app_version')->where($map)->select();
                                            

                                                    foreach($versions as $k=>$v){
                                                      if($k==0){
                                                        echo $v['name'];
                                                      }else{
                                                         echo ",".$v['name']; 
                                                      }
                                                      
                                                    }
                                                  }
                                               {/php}  

                                            </td>
                                            <td style="text-align: center; vertical-align: middle;">
                                                <a href="javascript:;" class="btn btn-xs btn-success">
                                                    资费
                                                </a>
                                                 <a href="{:url('Jishu/fedit',['id'=>$vo['id']])}" class="btn btn-xs btn-success">
                                                    修改
                                                </a>
                                                <a href="{:url('Jishu/fdelete',['id'=>$vo['id']])}" class="btn btn-xs btn-danger">
                                                    删除
                                                </a>                                                
                                            </td>
                                        </tr>
                                      {/volist} 
                                    </tbody>
                                </table>
                            </div>
                            <div class="fixed-table-pagination" style="display: block;">
                                {$list2->render()}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>